<template>
	<view class="pass">
		<!-- 导航栏 -->
		<uni-nav-bar :border="false" left-text="返回" left-icon="left" title="忘记密码" />
		<!-- 输入框 -->
		<view class="inp">
			<!-- 第一个 -->
			<view class="inp_old">
				<view class="suo">
					<uni-icons custom-prefix="iconfont" type="icon-shouji" color="#cb6e57" size="45rpx"></uni-icons>
				</view>
				<view class="inp_shu">
					<input type="text" placeholder="请输入手机号"/>
				</view>
			</view>
			<!-- 第二个 -->
			<view class="inp_old">
				<view class="suo">
					<uni-icons custom-prefix="iconfont" type="icon-jiesuo" color="#cb6e57" size="45rpx"></uni-icons>
				</view>
				<view class="inp_shu">
					<input type="text" placeholder="输入验证码"/>
				</view>
				<view class="Verification-code">
					获取验证码
				</view>
			</view>
			<!-- 第三个 -->
			<view class="inp_old">
				<view class="suo">
					<uni-icons custom-prefix="iconfont" type="icon-jiesuo" color="#3cce6c" size="45rpx"></uni-icons>
				</view>
				<view class="inp_shu">
					<input type="text" placeholder="输入6-12位的新密码"/>
				</view>
				<view class="inp_eye">
					<uni-icons custom-prefix="iconfont" type="icon-yanjing_xianshi_o" color="black" size="45rpx"></uni-icons>
				</view>
			</view>
		</view>
		<view class="btn">
			<text class="btn_wen">下一步</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	.pass{
		width: 100%;
		height: 100%;
		background-color: #f6f5f5;
		.inp{
			height: 319rpx;
			background-color: white;
			.inp_old{
				height:106rpx;
				// background-color: aqua;
				overflow: hidden;
				position: relative;
				border-bottom: 1rpx #e9e9e9 solid ;
				.suo{
					margin-left: 29rpx;
					margin-top: 33rpx;
				}
				.inp_shu{
					position: absolute;
					height:41rpx;
					left: 82rpx;
					top: 31rpx;
					font-size: 23rpx;
				}
				.Verification-code{
					width: 130rpx;
					height: 32rpx;
					// background-color: aqua;
					position: absolute;
					top: 50rpx;
					right: 32rpx;
					color: #3697ea;
					font-size: 26rpx;
				}
				.inp_eye{
					position: absolute;
					top: 40rpx;
					right: 32rpx;
				}
			}
		}
		.btn{
			height:77rpx;
			background-color: #1f8fff;
			border-radius:65rpx ;
			margin-left: 99rpx;
			margin-right: 140rpx;
			margin-top: 94rpx;
			text-align: center;
			.btn_wen{
				line-height: 77rpx;
				color: #fff;
			}
		}
	}
</style>
